<template>
  <div class="home">
    <img src="http://www.atguigu.com/images/index_new/logo.png" alt="">
  </div>
</template>

<script setup lang="ts" name="Home">
import { onMounted } from 'vue';
import { useRouter } from 'vue-router';

const router=useRouter()

onMounted(()=>{
    setTimeout(()=>{
      //在此处跳转,编程式路由导航
     console.log('router编程式跳转到news')
     router.push('/news')
    },3000) 
})
</script>

<style scoped>
  .home {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
</style>